<template>
	<view class="container-recharge">
		<header @click="$goPath(1)">
			<image src="/static/images/right-white.png" mode='aspectFit|aspectFill|widthFix' alt="" />
			<view>充值</view>
		</header>

		<section>
			<view class="sect-box">
				<view class='sect-tabs'>
					<view :class="tabType == item.type ? 'tabs-item tabs-item-active' : 'tabs-item'" v-for="(item,index) in tabs"
						:key="index" @click="handleTabs(item.type)">
						{{ item.title }}
					</view>
				</view>

				<view class='sect-card'>
					<view class='sect-card-top'>
						<view>{{ tabType == 1 ? '兜兜卡(300元/张)' : '我的余额(元)' }}</view>
						<view>{{ tabType == 1 ? ddkList.length : (userDetail.availableBalance || '0.00') }}</view>
					</view>
					<view class='sect-card-bottom' v-if="tabType == 2">
						<view @click="goBills('recharge')">充值记录</view>
						<view @click="goBills('balance')">账单</view>
					</view>
					<view class='sect-card-bottom' v-else @click="goBills('ddk')">账单</view>
				</view>

				<view class='sect-title'>
					{{ tabType == 1 ? '购买兜兜卡' : '充值金额' }}
				</view>

				<view class='sect-buy'>
					<view v-if="tabType == 1">
						<view :class="ddkIndex == item.id ? 'sect-buy-item sect-buy-item-active' : 'sect-buy-item'"
							v-for="(item,index) in ddkTabs" :key="item.id" @click="handleCheckDDk(item.id)">
							<view v-if="item.num != '其它'">
								<view><text>{{ item.num }}</text>张</view>
								<view>售价{{ item.money }}元</view>
							</view>
							<view v-else>
								<view>其它数量</view>
								<view>
									<input type="number" v-model="ddkInputValue" placeholder='请输入整数' min="1">
								</view>
							</view>
						</view>
					</view>

					<view v-else>
						<view :class="moneyIndex == item.id ? 'sect-buy-item sect-buy-item-active' : 'sect-buy-item'"
							v-for="(item,index) in moneyTabs" :key="item.id" @click="handleCheckMoney(item.id)">
							<view v-if="item.num != '其它'">
								<view><text>{{ item.num }}</text>元</view>
								<view>售价{{ item.money }}元</view>
							</view>
							<view v-else>
								<view>其它金额</view>
								<view>
									<input type="number" v-model="moneyInputValue" placeholder='100的整数倍' min="1">
								</view>
							</view>
						</view>
					</view>
				</view>

				<view class='sect-title2'>充值说明</view>
				<view class='sect-illustrate'>1、本次充值仅限在平台使用。</view>
				<view class='sect-illustrate'>2、若遇到充值未到账，请联系客服，客服电话:<text @click="handleCall()">4009915775</text></view>
				<view class='sect-illustrate'>3、购买兜兜卡仅可使用余额支付。</view>
				<view class='sect-btn' @click="onSubmit()"> 确认充值 </view>
			</view>
		</section>

		<uni-popup ref="needPayPopup" style="height: 100%;width: 100%;">
			<view class='modal-confirm'>
				<view @click.stop>
					<view class='modal-confirm-section'>
						<view class='toast-pay'>请用选择支付方式</view>
						<view class='pay-type'>
							<u-radio-group v-model="payWay" placement="column">
								<u-radio :name="2" activeColor="#32B499" :customStyle="{ marginBottom: '12px' }">
									<view class='pay-type-cont' @click="payWay = 2">
										<image
											src="https://youpindou.com:8083/doudougou/image/showImg?imgUrl=/home/ddg_test/images/973a7651-00ae-4dc0-8b73-78952c0694f9.png"
											alt="" mode='aspectFit|aspectFill|widthFix' />
										<view>支付宝</view>
									</view>
								</u-radio>

								<u-radio :name="1" activeColor="#32B499" >
									<view class='pay-type-cont' @click="payWay = 1">
										<image
											src="https://youpindou.com:8083/doudougou/image/showImg?imgUrl=/home/ddg_test/images/49eb0d0e-e41b-4b0d-80d8-dadaba15d396.png"
											alt="" mode='aspectFit|aspectFill|widthFix' />
										<view>微信支付</view>
									</view>
								</u-radio>
							</u-radio-group>
						</view>
					</view>
					<view class='modal-confirm-footer'>
						<view @click="handleCancel()">取消</view>
						<view @click="handleOk()">确定</view>
					</view>
				</view>
			</view>
		</uni-popup>
		<u-popup :show="showLoading" @open="showLoading = true" mode="center" bgColor="transparent">
			<view class="loading_popup">
				<view class="loading_title">
					尊敬的用户：
				</view>
				<view class="loading_box" v-html="loadingValue">
				</view>
				<view class="loading_btn" @click="showLoading = false">
					确认
				</view>
			</view>
		</u-popup>

		<u-modal :show="confirmVisible" showCancelButton title="请您确认购买信息"
			:content="`${ddkIndex != 5 ? ddkTabs[ddkIndex].num : ddkInputValue}张兜兜卡，花费余额${ddkIndex != 5 ? ddkTabs[ddkIndex].num * 300 : ddkInputValue * 300}元`"
			closeOnClickOverlay @confirm="confirm" @cancel="confirmVisible = false"></u-modal>

	</view>
</template>
<script>
	import {
		getUserInfo
	} from '@/common/auth';
	export default {
		data() {
			return {
				showLoading: false,
				loadingValue: '',
				tabs: [{
						title: '兜兜卡',
						type: 1
					},
					{
						title: '余额',
						type: 2
					}
				],
				ddkTabs: [{
						id: 0,
						num: 1,
						money: 300
					},
					{
						id: 1,
						num: 3,
						money: 900
					},
					{
						id: 2,
						num: 5,
						money: 1500
					},
					{
						id: 3,
						num: 10,
						money: 3000
					},
					{
						id: 4,
						num: 20,
						money: 6000
					},
					{
						id: 5,
						num: '其它'
					},
				],
				moneyTabs: [{
						id: 0,
						num: 300,
						money: 300
					},
					{
						id: 1,
						num: 900,
						money: 900
					},
					{
						id: 2,
						num: 1500,
						money: 1500
					},
					{
						id: 3,
						num: 3000,
						money: 3000
					},
					{
						id: 4,
						num: 6000,
						money: 6000
					},
					{
						id: 5,
						num: '其它'
					},
				],
				tabType: 1,
				ddkIndex: 0,
				ddkInputValue: '',
				ddkList: [],
				visiable: false,
				moneyIndex: 0,
				moneyInputValue: '',
				userDetail: {},
				confirmVisible: false,
				payWay: 2,
			}
		},
		onLoad() {},
		methods: {
			// 获取公告弹窗内容
			async getLoading() {
				let result = await this.$request.systemSettingsGet({
					key: 'home_page_windows'
				})
				this.loadingValue = '&nbsp&nbsp&nbsp&nbsp' + result.data?.settingValue;
			},
			changeWechat() {
				console.log('111')
				// this.payWay = 1
				this.showLoading = true
				this.$refs.needPayPopup.close();
				this.getLoading()
			},

			//获取用户兜兜卡数量 用户可用余额 
			async getUserInfo() {
				let info = getUserInfo()
				let resultUser = await this.$request.userInformation({
					userId: info.userId
				})
				if (resultUser.data.type == 1) {
					this.tabType = 1;
				}
				this.userDetail = resultUser.data;

				let resultCard = await this.$request.cardFindByList({
					userId: info.userId
				})
				this.ddkList = resultCard.data;
			},

			//顶部 tab切换
			handleTabs(type) {
				this.tabType = type;
				this.ddkIndex = 0;
				this.moneyIndex = 0;
				this.ddkInputValue = '';
				this.moneyInputValue = '';
			},

			//选择兜兜卡
			handleCheckDDk(id) {
				this.ddkIndex = id;
			},

			//兜兜卡输入其它数量
			onInputDdkValue(e) {
				this.ddkInputValue = e.target.value;
			},

			//选择余额
			handleCheckMoney(id) {
				this.moneyIndex = id;
			},

			//输入余额
			onInputMoneyValue(e) {
				this.moneyInputValue = e.target.value;
			},

			//打电话给客服
			handleCall() {
				uni.makePhoneCall({
					phoneNumber: '4009915775'
				});
			},

			//确定充值
			onSubmit() {
				const {
					tabType,
					moneyIndex,
					moneyInputValue,
					userDetail,
					moneyTabs,
					ddkIndex,
					ddkInputValue,
					ddkTabs
				} = this;

				if (tabType == 1) {
					// this.confirmVisible = true;
					if (ddkIndex == 5 && ddkInputValue == '') {
						uni.showToast({
							title: '请输入购卡数量',
							icon: 'none'
						});
						return;
					}
				} else {
					if (moneyIndex == 5 && moneyInputValue == '') {
						uni.showToast({
							title: '请输入充值金额',
							icon: 'none'
						});
						return;
					}
					if (moneyIndex == 5 && !Number.isInteger(Number(moneyInputValue / 100))) {
						uni.showToast({
							title: '充值金额只能是100的整数倍',
							icon: 'none'
						});
						return;
					}
				};
				// #ifdef MP-WEIXIN
					this.weixinPay()
				// #endif
				
				// #ifndef MP-WEIXIN
					this.$refs.needPayPopup.open('center');
				// #endif
			},
			//微信小程序充值
			weixinPay() {
				const {
					moneyIndex,
					moneyInputValue,
					userDetail,
					moneyTabs,
					payWay,
					tabType,
					ddkIndex,
					ddkTabs,
					ddkInputValue
				} = this;
				if (tabType == 1) {
					const param = {
						count: ddkIndex != 5 ? ddkTabs[ddkIndex].num : ddkInputValue,
						userId: userDetail.userId
					}
					const detail = {
						type: '兜兜卡充值',
						money: ddkIndex != 5 ? ddkTabs[ddkIndex].num : ddkInputValue,
						rechargeType: '微信支付'
					}
					this.$request.cardOnlineBuyCard(param).then(res => {
						if (res.code == 200 && res.isSuccess) {
							this.cardOnlineBuyCardPayWay(res.data,detail)
						}
					})
				} else {
					const param = {
						amount: moneyIndex != 5 ? moneyTabs[moneyIndex].num : moneyInputValue,
						userId: userDetail.userId,
					};
					const detail = {
						type: '余额充值',
						money: moneyIndex != 5 ? moneyTabs[moneyIndex].num : moneyInputValue,
						rechargeType: '微信支付'
					}
					this.$request.userCreateCharge(param).then(res => {
						if (res.code == 200 && res.isSuccess) {
							this.userChargePayWay(res.data,detail)
						}
					})
				}
			},
			cardOnlineBuyCardPayWay(orderId,detail) {
				this.$request.cardOnlineBuyCardPay({orderId:orderId}).then(res => {
					const data = JSON.parse(res.data);
					const {
						timeStamp,
						nonceStr,
						signType,
						paySign
					} = data;
					uni.requestPayment({
						timeStamp,
						nonceStr,
						package: data.package,
						signType,
						paySign,
						success: function(request) {
							// 支付成功
							this.$goPath(2,
								`/pagesA/pocketShop/mine/rechargeResult?detail=${JSON.stringify(detail)}&id=${res.data}`
							)
						},
						fail: function(error) {
							// 支付失败
							uni.showToast({
								title: '支付失败',
								icon: 'none'
							});
						}
					})
				})
			},
			userChargePayWay(orderId,detail) {
				this.$request.userChargePay({orderId:orderId}).then(res => {
					const data = JSON.parse(res.data);
					const {
						timeStamp,
						nonceStr,
						signType,
						paySign
					} = data;
					uni.requestPayment({
						timeStamp,
						nonceStr,
						package: data.package,
						signType,
						paySign,
						success: function(request) {
							// 支付成功
							this.$goPath(2,
								`/pagesA/pocketShop/mine/rechargeResult?detail=${JSON.stringify(detail)}&id=${res.data}`
							)
						},
						fail: function(error) {
							// 支付失败
							uni.showToast({
								title: '支付失败',
								icon: 'none'
							});
						}
					})
				})
			},
			//二次确定充值
			handleOk() {
				const {
					moneyIndex,
					moneyInputValue,
					userDetail,
					moneyTabs,
					payWay,
					tabType,
					ddkIndex,
					ddkTabs,
					ddkInputValue
				} = this;

				if (tabType == 1) {
					//充值兜兜卡
					const param = {
						count: ddkIndex != 5 ? ddkTabs[ddkIndex].num : ddkInputValue,
						userId: userDetail.userId
					};

					const detail = {
						type: '兜兜卡充值',
						money: ddkIndex != 5 ? ddkTabs[ddkIndex].num : ddkInputValue,
						rechargeType: payWay == 1 ? '微信支付' : '支付宝支付'
					};

					this.$request.cardOnlineBuyCard(param).then(res => {
						if (res.code == 200 && res.isSuccess) {

							this.$request.cardOnlineBuyCardPay({
								orderId: res.data,
								payWay
							}).then(re => {
								if (re.code == 200 && re.isSuccess) {

									this.handleCancel();

									if (payWay == 2) {
										const dateObj = re.data;
										let reg = /(https?|http|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/g;
										plus.runtime.openURL(dateObj.match(reg)[0]);
										this.$goPath(2,
											`/pagesA/pocketShop/mine/rechargeResult?detail=${JSON.stringify(detail)}&id=${res.data}`)

									} else {
										//跳转微信支付
										let dateObj = JSON.parse(re.data);
										plus.share.getServices(service => {
											let weixin = service.find(i => i.id === 'weixin')
											if (weixin) {
												weixin.launchMiniProgram({
													id: "gh_f3a8a1c4d7cf",
													path: `/pages/payIndex/payIndex?rc_result=${JSON.stringify(dateObj)}`,
													type: 0,
													webUrl: ''
												}, r => {
													this.getUserInfo();
													this.$goPath(2,
														`/pagesA/pocketShop/mine/rechargeResult?detail=${JSON.stringify(detail)}&id=${res.data}`
													)
												}, err => {
													this.$goPath(2,
														`/pagesA/pocketShop/mine/rechargeResult?detail=${JSON.stringify(detail)}&id=${res.data}`
													)
												})
											} else {
												// 没有获取到微信分享服务
												console.log('没有获取到微信分享服务');
											}
										}, err => {
											// 获取分享服务列表失败
											console.log(err);
										})
									}

									this.getUserInfo();
								} else {
									uni.showToast({
										title: re.msg,
										icon: 'none'
									});
								}
							})
						}
					});

				} else {
					const param = {
						amount: moneyIndex != 5 ? moneyTabs[moneyIndex].num : moneyInputValue,
						userId: userDetail.userId,
					};

					this.$request.userCreateCharge(param).then(res => {
						if (res.code == 200 && res.isSuccess) {
							const detail = {
								type: '余额充值',
								money: moneyIndex != 5 ? moneyTabs[moneyIndex].num : moneyInputValue,
								rechargeType: payWay == 1 ? '微信支付' : '支付宝支付'
							}
							this.$request.userChargePay({
								orderId: res.data,
								payWay
							}).then(re => {
								if (re.code == 200 && re.isSuccess) {

									this.handleCancel();
									if (payWay == 2) {
										const dateObj = re.data;
										let reg = /(https?|http|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/g;
										plus.runtime.openURL(dateObj.match(reg)[0]);
										uni.navigateTo({
											url: `/pages/recharge-result/index?detail=${JSON.stringify(detail)}&&id=${res.data}`
										});

									} else {
										//余额不足需要跳转微信支付
										let dateObj = JSON.parse(re.data);
										plus.share.getServices(service => {
											let weixin = service.find(i => i.id === 'weixin')
											if (weixin) {
												weixin.launchMiniProgram({
													id: "gh_f3a8a1c4d7cf",
													path: `/pages/payIndex/payIndex?rc_result=${JSON.stringify(dateObj)}`,
													type: 0,
													webUrl: ''
												}, r => {
													console.log('res', r)
													// uni.showToast({ title: '充值成功', icon: 'success' });
													this.getUserInfo();
													// this.$refs.needPayPopup.close();
													uni.navigateTo({
														url: `/pagesA/pocketShop/mine/rechargeResult?detail=${JSON.stringify(detail)}&id=${r.data}`
													});

												}, err => {
													console.log('err', err)
													// uni.showToast({ title: '充值失败', icon: 'none' });
													uni.navigateTo({
														url: `/pagesA/pocketShop/mine/rechargeResult?detail=${JSON.stringify(detail)}&id=${res.data}`
													});

												})
											} else {
												// 没有获取到微信分享服务
												console.log('没有获取到微信分享服务');
											}
										}, err => {
											// 获取分享服务列表失败
											console.log(err);
										})
									}

									this.getUserInfo();
								} else {
									uni.showToast({
										title: re.msg,
										icon: 'none'
									});
								}
							})
						}
					});
				}
			},

			//取消支付
			handleCancel() {
				this.$refs.needPayPopup.close();
			},

			//确认购买信息
			confirm() {
				//余额购卡
				// const param = {
				//   count: ddkIndex != 5 ? ddkTabs[ddkIndex].num : ddkInputValue,
				//   userId: userDetail.userId
				// };
				// card_buyCard(param).then(res => {
				//   if (res.code == 200 && res.isSuccess) {
				//     const detail = {
				//       type: '兜兜卡充值',  
				//       count: ddkIndex != 5 ? ddkTabs[ddkIndex].num : ddkInputValue,
				//       rechargeType: '余额支付'
				//     };
				//     uni.navigateTo({ url: `/pages/recharge-success/index?detail=${JSON.stringify(detail)}` });

				//   } else {
				//     uni.showToast({ title: res.msg, icon: 'none' });
				//   }
				// });
			},

			//查账单
			goBills(type) {
				uni.navigateTo({
					url: `/pagesA/pocketShop/mine/bills?billsType=${type}`
				});
			},

		},


		onLoad() {
			// #ifdef APP-PLUS  
			plus.share.getServices(function(s) {
				let share = {};
				for (let i = 0; i < s.length; i++) {
					let t = s[i];
					share[t.id] = t;
				}
				let wechat = share['weixin'];
				this.wechat = wechat;
			}, function(e) {
				console.log(e);
			});
			// #endif
		},

		onShow() {
			this.getUserInfo();
		}

	}
</script>
<style scoped lang="scss">
	.container-recharge {
		width: 100%;
		height: 100vh;
		font-size: 28rpx;
		font-family: 'PingFang SC-Medium';
		background-color: #FED14E;
		overflow-y: hidden;

	}

	header {
		width: 100%;
		padding: 120rpx 24rpx 60rpx;
		border-radius: 0 0 40rpx 40rpx;
		box-sizing: border-box;
		color: #fff;
		background-color: #32B499;
		background-image: url('https://youpindou.com/miniProgram/image/showImg?imgUrl=/home/ypd/images/homeTopIcon.png');
		background-size: 100% auto;
		background-repeat: no-repeat;
		font-size: 36rpx;
		font-family: 'PingFang SC-Bold';
		display: flex;
		align-items: center;

		image {
			width: 16rpx;
			height: 28rpx;
			display: block;
			margin-right: 12rpx;
		}
	}



	section {
		height: 100%;
		position: relative;
		top: -50rpx;
		padding: 0 24rpx;
		box-sizing: border-box;
		overflow-y: auto;
	}

	.sect-box {
		width: 100%;
		height: 100%;
		background-color: #fff;
		border-radius: 40rpx;
		padding: 24rpx;
		box-sizing: border-box;
		overflow-y: auto;
	}

	.sect-tabs {
		width: 100%;
		display: flex;
		background-color: #fff;
		border-radius: 16rpx;
		margin-bottom: 24rpx;
	}

	.sect-tabs .tabs-item {
		flex: 1;
		height: 80rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.container-recharge .sect-tabs .tabs-item:first-child {
		border-radius: 40rpx;
	}

	.container-recharge .sect-tabs .tabs-item:last-child {
		border-radius: 40rpx;
	}

	.sect-tabs .tabs-item-active {
		color: #FFFFFF;
		background: #32B499;
		box-shadow: 0 0 4rpx 2rpx rgba(0, 0, 0, 0.12);
	}

	.container-recharge section .sect-card {
		width: 100%;
		height: 8.75rem;
		border-radius: 16rpx;
		background-color: #fff;
		margin-bottom: 24rpx;
		box-shadow: 4rpx 8rpx 8rpx 0 rgba(50, 180, 153, 0.12);
	}

	.container-recharge section .sect-card .sect-card-top {
		height: 5.6rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-bottom: 1px solid rgba(241, 241, 241, 0.8);
		font-family: 'PingFang SC-Medium';
		color: #666;
	}

	.container-recharge section .sect-card .sect-card-top view:last-child {
		font-size: 48rpx;
		color: #32B499;
		font-family: 'DIN-Bold';
	}

	.container-recharge section .sect-card .sect-card-bottom {
		height: 3.15rem;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.container-recharge section .sect-card .sect-card-bottom>view {
		height: 100%;
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.container-recharge section .sect-card .sect-card-bottom>view:first-child {
		border-right: 1px solid rgba(241, 241, 241, 0.8);
	}

	.sect-title {
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
		margin-bottom: 24rpx;
	}

	.container-recharge .sect-buy>view {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.sect-buy-item {
		width: 31%;
		height: 140rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		border: 1px solid #E5E5E5;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-bottom: 24rpx;
	}

	.container-recharge .sect-buy .sect-buy-item>view {
		font-size: 28rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.container-recharge .sect-buy .sect-buy-item>view text {
		font-family: 'DIN-Bold';
		font-size: 40rpx;
	}

	.container-recharge .sect-buy .sect-buy-item>view input {
		padding: 0;
		text-align: center;
		color: #333333;
	}

	.container-recharge .sect-buy .sect-buy-item-active {
		border: 1px solid #32B499;
		color: #32B499;
	}

	.sect-title2 {
		font-size: 32rpx;
		font-weight: 500;
		color: #333333;
		margin-bottom: 10rpx;
	}

	.sect-illustrate text {
		color: #32B499;
	}

	.sect-btn {
		width: 100%;
		height: 80rpx;
		background: #32B499;
		border-radius: 40rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 32rpx;
		margin-top: 24px;
	}

	.modal-confirm {
		width: 560rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #fff;
		border-radius: 20rpx;
		height: auto;
		font-size: 28rpx;
		color: #333;
		box-sizing: border-box;
	}

	.modal-confirm-section {
		padding: 40rpx 60rpx;
		border-bottom: 1px solid rgba(241, 241, 241, 0.8);

	}

	.modal-confirm-section>.needPay-money {
		font-size: 48rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #EA5F5F;
		font-family: 'PingFang SC-Bold';
	}

	.modal-confirm-section>.toast-pay {
		margin-bottom: 24rpx;
		text-align: center;
		font-size: 32rpx;
	}

	.modal-confirm-section>view text {
		font-size: 40rpx;
		font-family: 'DIN-Bold';
	}

	.modal-confirm-section .pay-line {
		width: 100%;
		height: auto;
		display: block;
		margin: 24rpx 0;
	}

	.modal-confirm-section>.pay-type .pay-type-cont {
		display: flex;
		align-items: center;
		font-size: 28rpx;
		margin-left: 12rpx;
	}

	.modal-confirm-section>.pay-type .pay-type-cont>image {
		width: 56rpx;
		height: 56rpx;
		display: block;
		margin-right: 24rpx;
	}

	.modal-confirm-footer {
		height: 100rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
	}

	.modal-confirm-footer>view {
		flex: 1;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.modal-confirm-footer>view:last-child {
		border-left: 1px solid rgba(241, 241, 241, 0.8);
		color: #32B499;
	}

	.loading_title {
		padding-top: 20rpx;
	}

	.loading_popup {
		width: 600rpx;
		padding: 24rpx;
		background-color: #fff;
		border-radius: 20rpx;
	}

	.loading_popup .loading_box {
		overflow: auto;
		font-size: 30rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		color: #666666;
		line-height: 45rpx;
	}

	.loading_btn {
		width: 140rpx;
		line-height: 65rpx;
		background-color: #32B499;
		margin: 50rpx auto;
		text-align: center;
		font-size: 28rpx;
		color: #fff;
		border-radius: 10rpx;


	}
</style>